<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta charset="utf-8" />
<title>Form Elements - Ace Admin</title>

<meta name="description" content="Common form elements and layouts" />
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

<!-- bootstrap & fontawesome -->
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/bootstrap.min.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/font-awesome.min.css" />

<!-- page specific plugin styles -->
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/jquery-ui.custom.min.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/chosen.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/datepicker.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/bootstrap-timepicker.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/daterangepicker.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/bootstrap-datetimepicker.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/colorpicker.css" />

<!-- text fonts -->
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/ace-fonts.css" />

<!-- ace styles -->
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/ace.min.css"
	id="main-ace-style" />

<!--[if lte IE 9]>
			<link rel="stylesheet" href="<%=request.getContextPath()%>/ace/assets/css/ace-part2.min.css" />
		<![endif]-->
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/ace-skins.min.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/ace-rtl.min.css" />

<!--[if lte IE 9]>
		  <link rel="stylesheet" href="<%=request.getContextPath()%>/ace/assets/css/ace-ie.min.css" />
		<![endif]-->

<!-- inline styles related to this page -->

<!-- ace settings handler -->
<script
	src="<%=request.getContextPath()%>/ace/assets/js/ace-extra.min.js"></script>

<!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->

<!--[if lte IE 8]>
		<script src="<%=request.getContextPath()%>/ace/assets/js/html5shiv.min.js"></script>
		<script src="<%=request.getContextPath()%>/ace/assets/js/respond.min.js"></script>
		<![endif]-->
			<script type="text/javascript" src="${ctx }/static/js/jquery-1.11.0.min.js"></script>	
<script type="text/javascript" src="${ctx }/static/js/ajaxfileupload.js"></script>
</head>

<body class="no-skin">
	<div class="breadcrumbs" id="breadcrumbs">

		<ul class="breadcrumb">
			<li><i class="ace-icon fa fa-home home-icon"></i> <a >当前位置</a>
			</li>

			<li><a href="#" onclick="javascript:history.back(-1);">产品服务管理</a></li>
			<li class="active">编辑</li>
		</ul>
		<!-- /.breadcrumb -->

	</div>

	<!-- /section:basics/content.breadcrumbs -->
	<div class="page-content">
		<!-- /section:settings.box -->
		<div class="page-content-area">
			<div class="page-header">
				<h4>
					编辑产品服务
				</h4>
			</div>
			<!-- /.page-header -->

			<div class="row">
				<div class="col-xs-12">
					<!-- PAGE CONTENT BEGINS -->
					<form id="drizzt-table" class="form-horizontal"
						action="<%=request.getContextPath()%>/bsbFirmProduct/edit.do"
						method="post">
						<!-- #section:elements.form -->
								<input type="hidden" id="form-field-1" name="uuid" value="${bsbFirmProduct.uuid}"
									class="col-xs-10 col-sm-5" />
									<input type="hidden"  name="queryString" value="${queryString}" />
								<div class="form-group">
									<label class="col-sm-1 control-label no-padding-right"
										for="form-field-1"> 产品名称 </label>
		
									<div class="col-sm-9">
										<input type="text" id="titles" placeholder="title"
											name="title" value="${bsbFirmProduct.title}"
											class="col-xs-10 col-sm-5" />
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-1 control-label no-padding-right"
										for="form-field-1"> 封面图 </label>
		
									<div class="col-sm-9">
										
									<img id="imageProduct" alt="" width="300px" height="150px"
									<c:if test="${not empty bsbFirmProduct.logImg}"> 
									src='<%=request.getContextPath()%>/getPic/${bsbFirmProduct.logImg}'</c:if>>
								<input type="file" id="file" onchange="ajaxFileUpload()"
									name="file" /> <input type="hidden" name="logImg" id="cover"
									value="${bsbFirmProduct.logImg}">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-1 control-label no-padding-right"
										for="form-field-1"> 联系方式 </label>
		
									<div class="col-sm-9">
										<input type="text" id="form-field-1" placeholder="contact"
											name="contact" value="${bsbFirmProduct.contact}"
											class="col-xs-10 col-sm-5" />
									</div>
								</div>
								
								<div class="form-group">
									<label class="col-sm-1 control-label no-padding-right"
										for="form-field-1"> 排序</label>
		
									<div class="col-sm-6">
										<input type="number" id="sortId" placeholder="sort"
											name="sort" value="${bsbFirmProduct.sort}"
											class="col-xs-10 col-sm-5" min="1" />
									</div>
								</div>
						
								<div class="form-group">
									<label class="col-sm-1 control-label no-padding-right"
										for="form-field-1"> 金额 </label>
		
								<span class="help-inline col-xs-12 col-sm-7">
									<span class="middle">注：文字内容上传的图片大小总计不超过1M。</span>
								</span>
									<div class="col-sm-6">
										<input type="text" id="price" placeholder="price"
											name="price" value="${bsbFirmProduct.price}"
											class="col-xs-10 col-sm-5" />元 &nbsp; &nbsp;<span style="color:red">注：默认0为面议</span>
									</div>
								</div>
								  <div class="form-group">
									<label class="col-sm-1 control-label no-padding-right"
									for="form-field-1"> 内容 </label>

									<div class="col-sm-9">
								
									<input type="hidden" name="content" id="content" value='${bsbFirmProduct.content}'>
									<div id="wang">
									</div>
									</div>
								</div>
								
						<div class="clearfix form-actions">
							<div class="col-md-offset-3 col-md-9">
								<input  type="button"class="btn btn-info" id="sub" onclick="create();" value="提交" />

								&nbsp; &nbsp; &nbsp;
								<input type="button" class="btn btn-info" onclick="location.href='<%=request.getContextPath()%>/bsbFirmProduct/toList.do?${queryString}'" value="返回" />
							</div>
						</div>
					</form>

					<!-- PAGE CONTENT ENDS -->
				</div>
				<!-- /.col -->
			</div>
			<!-- /.row -->
		</div>
		<!-- /.page-content-area -->
	</div>
	<!-- /.page-content -->
</body>

<!-- basic scripts -->

<!--[if !IE]> -->
<script type="text/javascript">
	window.jQuery
			|| document
					.write("<script src='<%=request.getContextPath()%>/ace/assets/js/jquery.min.js'>"
							+ "<"+"/script>");
</script>
<script type="text/javascript" src="<%=request.getContextPath()%>/static/js/wangEditor.js"></script>
<script type='text/javascript'>
	var E = window.wangEditor
	
	var editor1 = new E('#wang')
	editor1.customConfig.uploadImgShowBase64 = true
	editor1.customConfig.pasteFilterStyle = true
	editor1.customConfig.pasteIgnoreImg = true	
	editor1.create()
	editor1.txt.html($("#content").val())
	function create() {
		var title = $("input[name='title']").val();
		var sort = $("#sortId").val();
		var cover = $("#cover").val();
		var price = $("#price").val();
		var contact = $("input[name='contact']").val();
		var content=editor1.txt.html();
		if(title==""){
			alert("产品标题不能为空");
			return false;
		}
	
		var pa =/^1[34578]\d{9}$/;
		if(!pa.test(contact)){
			alert("手机号格式不正确");
			return false;
		}
		
		if(cover==""){
			alert("未选择封面图");
			return false;
		}
		var reg=/^[0-9]*$/g;
		if(!reg.test(sort)){
			alert("排序为纯数字！");
			return false;
		}
		var regs=/^[0-9]+.?[0-9]*$/;
		if(!regs.test(price)){
			alert("请输入正确数字");
			return false;
		}
		if(content==""){
			alert("内容不能为空");
			return false;
		}
		
		if(title=='${bsbFirmProduct.title}'&&sort=='${bsbFirmProduct.sort}'&&content==$("#content").val()&&cover=='${bsbFirmProduct.logImg}'
			&&price=='${bsbFirmProduct.price}'&&contact=='${bsbFirmProduct.contact}'){
			$("#drizzt-table").data("changed",false);  
		}else{
			$("#content").val(editor1.txt.html());
			$("#drizzt-table").data("changed",true);  
		}
		  if($("#drizzt-table").data("changed")){
		     if(confirm("是否要保存此次修改！")){
		    	 $("#drizzt-table").submit();
	        	}else{
	        		return false;
	        	}
		    
		  }else{
		    alert("没有修改任何内容");
		    return false;
		  }
		  
		  $("#sub").attr('disabled', 'disabled');
	}
</script>
<script type="text/javascript">
function ajaxFileUpload(){
	$.ajaxFileUpload({
		url:'<%=request.getContextPath()%>/uploadimage', //上传的地址
		fileElementId:'file',//上传文件的id
		dataType: {},
		success: function (data){
			$("#cover").val(data);
			$("#imageProduct").attr("src","${ctx}/getPic/"+data);
		}
	})
}

</script>
<!-- <![endif]-->

<!--[if IE]>
<script type="text/javascript">
 window.jQuery || document.write("<script src='<%=request.getContextPath()%>/ace/assets/js/jquery1x.min.js'>"+"<"+"/script>");
</script>
<![endif]-->
<script type="text/javascript">
	if ('ontouchstart' in document.documentElement)
		document.write("<script src='<%=request.getContextPath()%>/ace/assets/js/jquery.mobile.custom.min.js'>"+ "<"+"/script>");
</script>

<script
	src="<%=request.getContextPath()%>/ace/assets/js/bootstrap.min.js"></script>

<!-- the following scripts are used in demo only for onpage help and you don't need them -->
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/assets/css/ace.onpage-help.css" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/ace/docs/assets/js/themes/sunburst.css" />

</html>
